.consupcp .consupcp-nav {
  width: 1100px;
  margin: 0 auto;
  margin-top: 30px;
}

.consupcp .consupcp-nav .kao {
  float: left;
  width: 270px;
}

.consupcp .consupcp-nav .kao .zuo-top {
  width: 100%;
  background: url(../images/somreblueblack.png) no-repeat;
  background-image: linear-gradient(90deg, #1465bf 0%, #48a4eb 47%, #48a4eb 56%, #1060bc 100%);
  border-radius: 3px;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.consupcp .consupcp-nav .kao .zuo-top h1 {
  height: 29px;
  line-height: 29px;
  padding-top: 12px;
  margin-left: 20px;
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
}

.consupcp .consupcp-nav .kao .zuo-top .zuo-ku {
  width: 250px;
  margin: 0 auto;
  background: #FFFFFF;
  margin-top: 12px;
  margin-bottom: 14px;
  padding-bottom: 18px;
  border-radius: 10px;
}

.consupcp .consupcp-nav .kao .zuo-top .zuo-ku a {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}

.consupcp .consupcp-nav .kao .zuo-top .zuo-ku a span {
  float: left;
  display: block;
  width: 84%;
  height: 22px;
  line-height: 22px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #358DED;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.consupcp .consupcp-nav .kao .zuo-top .zuo-ku a .ku-img {
  float: right;
  margin-right: 10px;
  width: 14px;
  height: 14px;
  margin-top: 5px;
  line-height: 11px;
  text-align: center;
}

.consupcp .consupcp-nav .kao .zuo-top .zuo-ku a .ku-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.consupcp .consupcp-nav .kao .zuo-top .zuo-ku a .key {
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
}

.consupcp .consupcp-nav .kao .zuo-top .zuo-ku a:first-child>span {
  margin-top: 15px;
}

.consupcp .consupcp-nav .kao .zuo-top .zuo-ku a:first-child>.ku-img {
  margin-top: 19px;
}

.consupcp .consupcp-nav .kao .zuo {
  background: url(../images/somreblueblack.png);
  background-image: linear-gradient(90deg, #1465bf 0%, #48a4eb 47%, #48a4eb 56%, #1060bc 100%);
  border-radius: 3px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.consupcp .consupcp-nav .kao .zuo h1 {
  height: 29px;
  line-height: 29px;
  padding-top: 12px;
  margin-left: 20px;
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku {
  width: 250px;
  margin: 0 auto;
  background: #FFFFFF;
  margin-top: 12px;
  margin-bottom: 14px;
  padding-bottom: 18px;
  border-radius: 10px;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku .ku-con {
  width: 179px;
  margin: 0 auto;
  padding-top: 30px;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku .ku-con p {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #464646;
  letter-spacing: 0;
  line-height: 26px;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku .qq {
  margin-left: 41px;
  margin-top: 20px;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku .qq .qq-img {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 27px;
  text-align: center;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku .qq .qq-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku .qq span {
  float: left;
  margin-left: 12px;
  margin-top: 4px;
  line-height: 22px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #464646;
  letter-spacing: 0;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku .button {
  width: 175px;
  height: 35px;
  line-height: 35px;
  margin-left: 41px;
  margin-top: 17px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #1D70C7;
  border-radius: 2px;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku .button a {
  display: block;
  width: 100%;
  height: 100%;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku .button a span {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #1D70C7;
  letter-spacing: 0;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku .button:hover {
  background: #1D70C7;
}

.consupcp .consupcp-nav .kao .zuo .zuo-ku .button:hover>a>span {
  color: #fff;
}

.consupcp .consupcp-nav .you {
  float: left;
  margin-left: 20px;
  width: 810px;
}

.consupcp .consupcp-nav .you .supp .sup-nav {
  position: relative;
  top: 7px;
  background: #FFFFFF;
  border: 1px solid #B5B5B5;
  box-sizing: border-box;
}

.consupcp .consupcp-nav .you .supp .sup-nav ul {
  margin-top: 47px;
  padding-bottom: 13px;
}

.consupcp .consupcp-nav .you .supp .sup-nav ul li {
  float: left;
  margin-left: 15px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.consupcp .consupcp-nav .you .supp .sup-nav ul li a {
  display: block;
}

.consupcp .consupcp-nav .you .supp .sup-nav ul li a .about-img {
  width: 180px;
  height: 146px;
  line-height: 143px;
  text-align: center;
}

.consupcp .consupcp-nav .you .supp .sup-nav ul li a .about-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.consupcp .consupcp-nav .you .supp .sup-nav ul li a .ping {
  height: 54px;
  margin-top: 4px;
}

.consupcp .consupcp-nav .you .supp .sup-nav ul li a .ping p {
  width: 164px;
  height: 40px;
  line-height: 20px;
  margin: 0 auto;
  padding-top: 7px;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.consupcp .consupcp-nav .you .supp .sup-nav ul li:hover {
  border: 1px solid #2F62B8;
  box-sizing: border-box;
}

.consupcp .consupcp-nav .you .supp .sup-nav ul li:hover>a>.ping {
  background: #2F62B8;
  color: #fff;
}

.consupcp .consupcp-nav .you .pro {
  margin-top: 20px;
}

.connews .cnes-nav {
  width: 1100px;
  margin: 0 auto;
  margin-top: 33px;
}

.connews .cnes-nav .conter {
  float: left;
  width: 680px;
}

.connews .cnes-nav .conter .conter-ne {
  position: relative;
  top: 7px;
  background: #FFFFFF;
  border: 1px solid #B5B5B5;
  padding-bottom: 54px;
  box-sizing: border-box;
}

.connews .cnes-nav .conter .conter-ne .conter-img {
  float: left;
  margin-top: 45px;
  margin-left: 25px;
  width: 273px;
  height: 169px;
  line-height: 166px;
  text-align: center;
}

.connews .cnes-nav .conter .conter-ne .conter-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.connews .cnes-nav .conter .conter-ne .p-text {
  float: left;
  margin-top: 40px;
  margin-left: 22px;
}

.connews .cnes-nav .conter .conter-ne .p-text h1 {
  line-height: 28px;
  font-family: PingFangSC-Semibold;
  font-size: 20px;
  color: #777777;
}

.connews .cnes-nav .conter .conter-ne .p-text p {
  margin-top: 12px;
  text-indent: 2em;
  display: block;
  width: 338px;
  height: 137px;
  line-height: 26px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #777777;
  text-align: Justify;
  text-justify: inter-ideograph;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.connews .cnes-nav .news {
  float: left;
  width: 400px;
  margin-left: 20px;
}

.connews .cnes-nav .news .news-cont {
  position: relative;
  top: 7px;
  background: #FFFFFF;
  border: 1px solid #B5B5B5;
  padding: 10px;
  padding-top: 40px;
  padding-bottom: 17px;
}

.connews .cnes-nav .news .news-cont a {
  display: block;
}

.connews .cnes-nav .news .news-cont a .kol {
  float: left;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #AAAAAA;
  margin-left: 17px;
  margin-top: 9px;
}

.connews .cnes-nav .news .news-cont a h1 {
  float: left;
  width: 88%;
  line-height: 22px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #606060;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.connews .cnes-nav .news .news-cont a .key {
  float: left;
  border-top: 1px solid #D6D6D6;
  margin-top: 12px;
  margin-bottom: 12px;
}

.youqing .youqing-nav {
  width: 1100px;
  margin: 0 auto;
  margin-top: 26px;
  background: #FFFFFF;
  border: 1px solid #5084CC;
  box-sizing: border-box;
}

.youqing .youqing-nav .youqing-img {
  float: left;
  margin-left: 24px;
  margin-top: 36px;
  margin-bottom: 36px;
  width: 74px;
  height: 16px;
  line-height: 13px;
  text-align: center;
}

.youqing .youqing-nav .youqing-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.youqing .youqing-nav .su {
  float: left;
  margin-left: 21px;
  height: 54px;
  width: 1px;
  margin-top: 18px;
  background: #5084CC;
}

.youqing .youqing-nav .shh {
  float: left;
  width: 80%;
  margin-left: 37px;
  margin-top: 18px;
}

.youqing .youqing-nav .shh a {
  float: left;
  display: block;
  line-height: 20px;
  margin-right: 20px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #ABABAB;
  letter-spacing: 0;
}

.youqing .youqing-nav .shh a:hover {
  color: #000;
}